import { Component } from "react";

import { Breadcrumb ,Typography,Divider,Row, Col,Input ,DatePicker,Space, Button } from 'antd';
import moment from 'moment';
const { Title } = Typography;
const dateFormat = 'YYYY/MM/DD';

class VisitingAdd extends Component {
    constructor(props) {
        super(props); 
        this.state = {  }
    }
    render() { 
        return ( <div>
             <Breadcrumb style={{ margin: '16px 0' }}>
                <Breadcrumb.Item>出诊记录</Breadcrumb.Item>
                <Breadcrumb.Item>添加记录</Breadcrumb.Item>
              </Breadcrumb>
              <div className="site-layout-content">
              <Title level={3}>添加记录</Title>
              <Divider />
              <Row gutter={[0, 16]}>
                <Col span={12}>
                    <Title level={5}>出诊记录编号</Title>
                    <Input style={{ width: '80%' }} size='large' allowClear="true" />
                </Col>
                <Col span={12}>
                    <Title level={5}>患者姓名</Title>
                    <Input style={{ width: '80%' }} size='large' allowClear="true" />
                </Col>
              </Row>
              <Row gutter={[0, 16]}>
                <Col span={12}>
                    <Title level={5}>医生姓名</Title>
                    <Input style={{ width: '80%' }} size='large' allowClear="true" />
                </Col>
                <Col span={12}>
                    <Title level={5}>出诊时间</Title>
                    <Space direction="vertical" style={{ width: '80%' }} size='large' >
                    <DatePicker defaultValue={moment('2021/01/01', dateFormat)} format={dateFormat} onChange={this.onChangeBirthday} style={{ width: '100%' }} size='large' />
                    </Space>
                </Col>
              </Row>
              <Row gutter={[0, 16]}>
                <Col span={12}>
                    <Title level={5}>出诊地址</Title>
                    <Input style={{ width: '80%' }} size='large' allowClear="true" />
                </Col>
                <Col span={12}>
                    <Title level={5}>出诊时长</Title>
                    <Input style={{ width: '80%' }} size='large' allowClear="true" placeholder="例如：2.5h" />
                </Col>
              </Row>
              <Row gutter={[0, 16]}>
                <Col span={6} offset={9}>
                    <Button type="primary" size='large' block>添加</Button>
                </Col>
              </Row>
             </div>
        </div> );
    }
}
 
export default VisitingAdd;